<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>粥品香坊</title>
    <link rel="stylesheet" type="text/css" href="css/wmai.css"/>
    <link rel="stylesheet" type="text/css" href="fonts/iconfont.css"/>
    <LINK REL="stylesheet" HREF="./index.css" TYPE="text/css">
</head>
<body>
    <div class="head">
        <div class="bigbang">
            <div class="title">
                <div class="ding1"><img src="./config/img/微信图片_20201127183400.jpg"></div>
                <div class="info">
                    <h4><span class="pp"><img src="./config/img/brand@2x.png" alt=""></span>粥品香坊</h4>
                    <p>蜂鸟专送/38分钟送达</p>
                    <span class="jian">减</span><span>在线支付满28减5，满50减10</span>
                </div>
            </div>
            <div class="five"><sapn>5个></sapn></div>
            <div class="notice">
                <span class="gg">公告</span>
                <span class="notice-info">粥品香坊其烹饪粥料的秘方源于中国千年古法，再融合...></span>
            </div>
        </div>
        <ul class="list">
            <li>商品</li>
            <li>评价</li>
            <li>商家</li>
        </ul>
    </div>
    <main>
        <ul class="good-left">
            <li>热销榜</li>
            <li>
                <span class="te"><img src="./config/img/special_3@2x.png" ></span>单人餐<br>
            </li>
            <li>特色粥品</li>
            <li>精选热菜</li>
            <li>爽口凉菜</li>
            <li>半成品</li>
            <li>饭类</li>
            <li>面类</li>
        </ul>
        <ul class="good-right">
            <li>
                <p>单人特色套餐</p>
                <div class="good-info">
                    <div class="ding2"></div>               
                    <div class="details">
                        <p>皮蛋瘦肉粥配包子套餐</p>
                        <span>咸粥</span><br>
                        <span>月售1132份 好评率100%</span><br>
                        <span class="price"><i class="iconfont icon-icon-price-sure"></i>24</span><del class="yuan"><i class="iconfont icon-icon-price-sure"></i>28</del>
                    </div>
                    <div class="jiaru"><i class="iconfont icon-add"></i></div>
                </div>
            </li>
                <p>特色粥品</p>
            <li>                   
                    <div class="good-info">
                        <div class="ding3"></div>               
                        <div class="details">
                            <p>莲子核桃黑米粥</p><br>
                            <span>月售1132份 好评率100%</span><br>
                            <span class="price"><i class="iconfont icon-icon-price-sure"></i>22</span>
                        </div>
                        <div class="jiaru"><i class="iconfont icon-add"></i></div>
                    </div>
            </li>
            <li>
                <div class="good-info">
                     <div class="ding4"></div>               
                        <div class="details">
                            <p>雪梨银耳百合粥</p>                           
                            <span>月售1132份 好评率100%</span><br>
                            <span class="price"><i class="iconfont icon-icon-price-sure"></i>20</span>
                        </div>
                    <div class="jiaru"><i class="iconfont icon-add"></i></div>
                </div>
            </li>
            <li>
                    <div class="good-info">
                    <div class="ding5"></div>               
                        <div class="details">
                                <p>南瓜粥</p>
                            <span>月售1132份 好评率100%</span><br>
                            <span class="price"><i class="iconfont icon-icon-price-sure"></i>18</span>
                        </div>
                    <div class="jiaru"><i class="iconfont icon-add"></i></div>
                </div>
            </li>        
        </ul>
    </main>
    <footer>
        <div class="zj">
            <div class="shopping"><i class="iconfont icon-qicheqianlian-1-copy"></i></div>
            <span><i class="iconfont icon-icon-price-sure"></i>0</span>
        </div>
        <div class="ps">
            <p>另需配送费<i class="iconfont icon-icon-price-sure"></i>4元</p>
        </div>
        <div class="qs">
            <p><i class="iconfont icon-icon-price-sure"></i>20起送</p>
        </div>
    </footer>
</body>
</html>